<template>
	<view class="content">
		<text class="zixun">新闻简报</text>
		<image class="shu" src="/static/images/shuxian.png" mode=""></image>
		<!-- <view class="tips">
			<image class="tips_img" :style="{ color: iconColor , fontSize:iconSize }" src="@/static/images/laba.gif">
			</image>
		</view> -->
		<view class="text">
			<view class="swiper-list" :style="{ color: textColor , fontSize:textSize,animationDuration:speed }">
				<view class="swiper_text" @tap="goDetail(item)" v-for="item in newsList" :key="item.id"
					style="font-size:30upx;color:#1cb0fd">{{item.content}}
				</view>
			</view>
		</view>
	</view>

</template>

<script>
	export default {
		data() {
			return {

			};
		},
		props: ['backgroundColor', 'textSize', 'textColor', 'speed', 'iconColor', 'iconSize', "newsList"],
		methods: {
			goDetail(data) {
				uni.navigateTo({
					url: "/pages1/pages/project-detail/project-detail?id=" + data.id + "&title=" + data.job_title + "详情"
				})
			}
		}
	}
</script>

<style scoped>
	.content {
		height: 100rpx;
		background: #fff;
		width: 100%;
		display: flex;
		align-items: center;
		/* padding: 3px 16px 4px; */
		box-sizing: border-box;
		/* border-top: 1px solid #f2f2f7; */
		/* padding-right: 52upx; */
	}

	.zixun {
		font-style: italic;
		width: 160rpx;
		/* font-weight: bold; */
		/* margin-left: 52upx; */
		/* margin-right: 18upx; */
		font-size: 36rpx;
		color:#27acf5;

	}

	.shu {
		margin-right: 14upx;
		width: 4rpx;
		height: 40rpx;
	}

	.content .tips {
		display: flex;
		margin-right: 20upx;
	}

	.content .tips .tips_img {
		width: 36rpx;
		height: 31rpx;
		margin-right: 8rpx;
	}

	.content .text {
		overflow: hidden;
		font-size: 28rpx;
		width: 75%;
	}

	.content span {
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.content .swiper-list {
		width: 150%;
		white-space: nowrap;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: normal;
		color: #333333;
		line-height: 64rpx;
		animation: 7s wordsLoop linear infinite normal;
	}

	.swiper_text {
		display: inline-block;
		margin-right: 50upx;
		/* font-size: 26rpx; */
	}

	@keyframes wordsLoop {
		0% {
			transform: translateX(50rpx);
		}

		100% {
			transform: translateX(-100%);
		}
	}

	@font-face {
		font-family: "iconfont";
		src: url('./iconfont.eot?t=1616053872340');
		/* IE9 */
		src: url('./iconfont.eot?t=1616053872340#iefix') format('embedded-opentype'),
			/* IE6-IE8 */
			url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAMMAAsAAAAABsAAAAK/AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCCcAqBTIFJATYCJAMICwYABCAFhG0HLhvtBRHVk2Vkfzigx/w1UAZcUkJxUJ0j6Mabnb9tkC8b49p34CpwcN8H8bifNe8n7abpIoEj0njAwhCiunMkgVno6uS+77e2KMgsgsA8pO5b22NpK6EMnk4jjyae4HtbmT3xucFS/b3w5bkuHdQo+wEP8F9DDVJbC4BsUbX/497p/78CCmS+8y7HORd1AcaBFOgeGI0pVkAhN4zdRPAAD0MASyL5SHvn5aNj0IBRAsicmZHsmIITjXYiBsHdsFAjWzDGWevcA2zm35e/KBUDDi4FyOmd2ppO8w8wRi3xtRSBtZwecJaBAvIBDTLYGOxGIQ5RYYOaVDhWpsAPxzdVI0dVIM5fB9L9AYjXmc/EwuxHpXcA0NAd2oHuSW8ElVgh809kDu+y9uqTRDn8tMq7Pmrk9PqMkxfRngvpJ+z4unNLo268XHrjrqXn10dce76k+h3DNaKlzmMex3XhxbG3vRKw/sjhoM/ZkfVBt+7hWXTtaHSOGanzhMXiwG382bT00YnpWOq5+PbMdr9o0RLku5d94sC+6eL/htRLxy6eZQBudZP/0t/w8e/HsnqDBuDdO2sBl2uGmcGc2CTwA1kDm3TMASpHh6zGqEM76sYqLBbwmdZQPkyVRtxtVDBE3LPZj4QMFIZ0VBPywYWXcnBjaAJLHl3LvYSxCIVoD5DLSg2EYC6DQyA3QBHMfVQT3oOLSP6Dm2BRYBmW4YZeMsVKxJpQMhpQb0h0VVqkYSEyrxjdc0l5Did9IbWJBwLXL0f2WCItMaV9RCGzBUtVATvtOMzzCmqqUtTsxsz10vNs05lcXRUdwZpQMhpQb0h0VVrankXl81eM7rmkjoYR4xdSm/QOgesPQPfCclDDo5zSPqKQ2YKlqoCd1g/zvIK6uV+Kmt14gr9eerCVHSp0txcXf7eDTkcAZD2BhYrBHKlkpwMA') format('woff2'),
			url('./iconfont.woff?t=1616053872340') format('woff'),
			url('./iconfont.ttf?t=1616053872340') format('truetype'),
			/* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
			url('./iconfont.svg?t=1616053872340#iconfont') format('svg');
		/* iOS 4.1- */
	}

	.iconfont {
		font-family: "iconfont" !important;
		font-size: 32rpx;
		font-style: normal;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}

	.iconlaba:before {
		content: "\e62d";
	}

	.content .text[data-v-9a769380] {
		overflow: hidden;
		font-size: 14px;
	}
</style>
